<template>
  <div class="emr-content-module emr-content-bodycheck">
    <div class="h3" style="line-height: 2" id="bodyCheck">体格检查</div>
    <div
      class="content-wrapper content-wrapper-bodycheck"
      :class="{ locked: d.disabled }"
    >
      <div>
        <span class="inline-block">
          <div style="display: inline-block">体温</div>
          <el-input
            size="small"
            style="width: 80px"
            v-model="d.diagnosticReport.attr1"
            :disabled="d.disabled"
            placeholder=""
            v-number:2
          ></el-input>
          ℃（R），
        </span>
        <span class="inline-block">
          <div style="display: inline-block">脉搏</div>
          <el-input
            size="small"
            style="width: 80px"
            v-model="d.diagnosticReport.pulse"
            :disabled="d.disabled"
            placeholder=""
            v-number:2
          ></el-input>
          次／min，
        </span>
        <span>
          <div style="display: inline-block">呼吸</div>
          <el-input
            size="small"
            style="width: 80px"
            v-model="d.diagnosticReport.breathing"
            :disabled="d.disabled"
            placeholder=""
            v-number:2
          ></el-input>
          次／min，
        </span>
        <span class="inline-block">
          <div style="display: inline-block">体重</div>
          <el-input
            size="small"
            style="width: 80px"
            v-model="d.diagnosticReport.weight"
            :disabled="d.disabled"
            placeholder=""
            v-number:2
          ></el-input>
          kg，
        </span>
        <span class="inline-block">
          <div style="display: inline-block">身高</div>
          <el-input
            size="small"
            style="width: 80px"
            v-model="d.diagnosticReport.height"
            :disabled="d.disabled"
            placeholder=""
            v-number:2
          ></el-input>
          cm。
        </span>
      </div>

      <div>
        <span class="inline-block">
          <div style="display: inline-block">血压</div>
          <el-input
            size="small"
            style="width: 80px"
            v-model="d.diagnosticReport.bloodPressure[0]"
            :disabled="d.disabled"
            placeholder=""
            v-number:2
          ></el-input>
          /
          <el-input
            size="small"
            style="width: 80px"
            v-model="d.diagnosticReport.bloodPressure[1]"
            :disabled="d.disabled"
            placeholder=""
            v-number:2
          ></el-input>
          mmHg，
        </span>
        <span class="inline-block">
          经皮测血氧饱和度
          <el-input
            size="small"
            style="width: 80px"
            v-model="d.diagnosticReport.oxygenSaturation"
            :disabled="d.disabled"
            placeholder=""
            v-number:2
          ></el-input>
          %.
        </span>
      </div>

      <span class="inline-block">
        <div style="display: inline-block">脸色</div>
        <el-radio-group v-model="d.diagnosticReport.look">
          <el-radio
            size="medium"
            label="正常"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="苍白"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="红润"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="黄疸"
            :disabled="d.disabled"
          ></el-radio>
        </el-radio-group>
      </span>
      <span class="inline-block">
        <div style="display: inline-block">发绀</div>
        <el-radio-group v-model="d.diagnosticReport.cyanosis">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
      <span class="inline-block">
        <div style="display: inline-block">三凹征</div>
        <el-radio-group v-model="d.diagnosticReport.triconcaveSign">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
    </div>
    <div>
      <span class="inline-block">
        <div style="display: inline-block">气短</div>
        <el-radio-group v-model="d.diagnosticReport.breathShortness">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="走路时" :disabled="d.disabled">
            走路时
          </el-radio>
          <el-radio size="medium" label="说话时" :disabled="d.disabled">
            说话时
          </el-radio>
          <el-radio size="medium" label="休息时" :disabled="d.disabled">
            休息时
          </el-radio>
        </el-radio-group>
      </span>
      <span class="inline-block">
        <div style="display: inline-block">体位</div>
        <el-radio-group v-model="d.diagnosticReport.bodyPosition">
          <el-radio size="medium" label="可平卧" :disabled="d.disabled">
            可平卧
          </el-radio>
          <el-radio size="medium" label="喜坐位" :disabled="d.disabled">
            喜坐位
          </el-radio>
          <el-radio size="medium" label="前弓位" :disabled="d.disabled">
            前弓位
          </el-radio>
        </el-radio-group>
      </span>
    </div>
    <div>
      <span class="inline-block">
        <div style="display: inline-block">眼部异常体征</div>
        <el-radio-group
          v-model="d.diagnosticReport.hasEyeDiscomfort"
          @change="clear('eyeDiscomfortPart')"
        >
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
        <el-input
          style="width: 20rem; margin: 0 1rem"
          maxlength="50"
          placeholder="输入异常描述"
          size="small"
          v-if="d.diagnosticReport.hasEyeDiscomfort == '1'"
          v-model="d.diagnosticReport.eyeDiscomfortPart"
        ></el-input>
      </span>
    </div>
    <div>
      <span class="inline-block">
        <div style="display: inline-block">荨麻疹(风团)</div>
        <el-radio-group
          v-model="d.diagnosticReport.rash"
          @change="clear('rashPart')"
        >
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
        <el-input
          style="width: 20rem; margin: 0 1rem"
          v-model="d.diagnosticReport.rashPart"
          maxlength="50"
          size="small"
          v-if="d.diagnosticReport.rash == '1'"
          placeholder="输入皮疹部位"
          class="supplement-content-width"
        ></el-input>
      </span>
    </div>

    <div>
      <span class="inline-block">
        <div style="display: inline-block">浅表淋巴结</div>
        <el-radio-group
          :disabled="d.disabled"
          v-model="d.diagnosticReport.superficialLymphNodes"
          @change="clear('superficialLymphNodesPalpation')"
        >
          <el-radio size="medium" label="未扪及"></el-radio>
          <el-radio size="medium" label="扪及"></el-radio>
        </el-radio-group>
      </span>
      <div
        class="inline-block"
        v-if="d.diagnosticReport.superficialLymphNodes == '扪及'"
      >
        <el-checkbox-group
          v-model="d.diagnosticReport.superficialLymphNodesPalpation"
        >
          <el-checkbox
            size="medium"
            label="耳前"
            :disabled="d.disabled"
          ></el-checkbox>
          <el-checkbox
            size="medium"
            label="耳后"
            :disabled="d.disabled"
          ></el-checkbox>
          <el-checkbox
            size="medium"
            label="枕后"
            :disabled="d.disabled"
          ></el-checkbox>
          <el-checkbox
            size="medium"
            label="颏下"
            :disabled="d.disabled"
          ></el-checkbox>
          <el-checkbox
            size="medium"
            label="颌下"
            :disabled="d.disabled"
          ></el-checkbox>
          <el-checkbox
            size="medium"
            label="颈前"
            :disabled="d.disabled"
          ></el-checkbox>
          <el-checkbox
            size="medium"
            label="颈后"
            :disabled="d.disabled"
          ></el-checkbox>
          <el-checkbox
            size="medium"
            label="锁骨上窝"
            :disabled="d.disabled"
          ></el-checkbox>
          <el-checkbox
            size="medium"
            label="淋巴结肿大"
            :disabled="d.disabled"
          ></el-checkbox>
        </el-checkbox-group>
      </div>
    </div>

    <div>
      <span class="inline-block">
        <div style="display: inline-block">鼻粘膜</div>
        <el-radio-group v-model="d.diagnosticReport.nasalMucosa">
          <el-radio
            size="medium"
            label="正常"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="苍白"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="充血"
            :disabled="d.disabled"
          ></el-radio>
        </el-radio-group>
        ，
      </span>

      <span class="inline-block">
        <div style="display: inline-block">鼻腔分泌物</div>
        <el-radio-group
          v-model="d.diagnosticReport.nasalSecretions"
          @change="clear(['nasalSecretionsStr', 'nasalSecretionsStatus'])"
        >
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
        <span
          class="inline-block"
          v-if="d.diagnosticReport.nasalSecretions === '1'"
        >
          <el-input v-model="d.diagnosticReport.nasalSecretionsStr"></el-input>
        </span>
        <div
          style="display: inline-block; margin-right: 4px"
          v-if="d.diagnosticReport.nasalSecretions === '1'"
        >
          （性质
        </div>
        <span class="inline-block">
          <el-checkbox-group
            v-model="d.diagnosticReport.nasalSecretionsStatus"
            v-if="d.diagnosticReport.nasalSecretions === '1'"
          >
            <el-checkbox size="medium" label="清水样" :disabled="d.disabled">
              清水样
            </el-checkbox>
            <el-checkbox size="medium" label="黏液样" :disabled="d.disabled">
              黏液样
            </el-checkbox>
            <el-checkbox size="medium" label="黏脓性" :disabled="d.disabled">
              黏脓性
            </el-checkbox>
            <el-checkbox size="medium" label="黄脓性" :disabled="d.disabled">
              黄脓性
            </el-checkbox>
            <el-checkbox size="medium" label="黄绿脓性" :disabled="d.disabled">
              黄绿脓性
            </el-checkbox>
            <el-checkbox size="medium" label="血性" :disabled="d.disabled">
              血性
            </el-checkbox>
          </el-checkbox-group>
        </span>
        <div
          style="display: inline-block"
          v-if="d.diagnosticReport.nasalSecretions === '1'"
        >
          ）
        </div>
      </span>
    </div>

    <div>
      <span class="inline-block">
        <div style="display: inline-block">下鼻甲</div>
        <el-radio-group
          v-model="d.diagnosticReport.inferiorTurbinate"
          @change="clear(['inferiorTurbinateLeft', 'inferiorTurbinateRight'])"
        >
          <el-radio
            size="medium"
            label="无肿胀"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="肿胀"
            :disabled="d.disabled"
          ></el-radio>
        </el-radio-group>
      </span>
      <span
        class="inline-block"
        v-if="d.diagnosticReport.inferiorTurbinate == '肿胀'"
      >
        <div style="display: inline-block">阻塞鼻腔左侧</div>
        <el-input
          size="small"
          v-model="d.diagnosticReport.inferiorTurbinateLeft"
          style="width: 80px"
          :disabled="d.disabled"
          placeholder=""
        ></el-input>
        <div style="display: inline-block">右侧</div>
        <el-input
          size="small"
          v-model="d.diagnosticReport.inferiorTurbinateRight"
          style="width: 80px"
          :disabled="d.disabled"
          placeholder=""
        ></el-input>
      </span>
      ，
      <span class="inline-block">
        <div style="display: inline-block">咽部</div>
        <el-radio-group v-model="d.diagnosticReport.pharynx">
          <el-radio
            size="medium"
            label="无充血"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="充血"
            :disabled="d.disabled"
          ></el-radio>
        </el-radio-group>
      </span>
    </div>

    <div>
      <span class="inline-block">
        <div style="display: inline-block">扁桃体</div>
        <el-radio-group
          v-model="d.diagnosticReport.tonsil"
          @change="clear(['tonsilLeft', 'tonsilRight'])"
        >
          <el-radio
            size="medium"
            label="无肿大"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="肿大"
            :disabled="d.disabled"
          ></el-radio>
        </el-radio-group>
        ，
      </span>
      <span class="inline-block" v-if="d.diagnosticReport.tonsil == '肿大'">
        <div style="display: inline-block">左侧</div>
        <el-input
          size="small"
          style="width: 80px"
          v-model="d.diagnosticReport.tonsilLeft"
          :disabled="d.disabled"
          placeholder=""
        ></el-input>
        度

        <div style="display: inline-block">右侧</div>
        <el-input
          size="small"
          style="width: 80px"
          v-model="d.diagnosticReport.tonsilRight"
          :disabled="d.disabled"
          placeholder=""
        ></el-input>
        度
      </span>

      <span class="inline-block">
        <div style="display: inline-block">表面分泌物</div>
        <el-radio-group v-model="d.diagnosticReport.surfaceSecretion">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
    </div>

    <div>
      <span class="inline-block">
        <div style="display: inline-block">咽后壁滤泡增生</div>
        <el-radio-group v-model="d.diagnosticReport.follicularHyperplasia">
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
        ，
      </span>
      <span class="inline-block">
        <div style="display: inline-block">鼻后孔鼻后滴漏</div>
        <el-radio-group v-model="d.diagnosticReport.posteriorRhinorrhea">
          <el-radio
            size="medium"
            label="未见"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio size="medium" label="见" :disabled="d.disabled"></el-radio>
        </el-radio-group>
      </span>
    </div>

    <div>
      <div style="display: inline-block">肺</div>
      ：
      <span class="inline-block">
        <div style="display: inline-block">呼吸运动双侧</div>
        <el-radio-group v-model="d.diagnosticReport.bilateralRespiratory">
          <el-radio
            size="medium"
            label="对称"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="不对称"
            :disabled="d.disabled"
          ></el-radio>
        </el-radio-group>
        ,
      </span>

      <span class="inline-block">
        <div style="display: inline-block">节律</div>
        <el-radio-group v-model="d.diagnosticReport.rhythm">
          <el-radio size="medium" label="整" :disabled="d.disabled"></el-radio>
          <el-radio
            size="medium"
            label="不整"
            :disabled="d.disabled"
          ></el-radio>
        </el-radio-group>
        ,
      </span>

      <span class="inline-block">
        <div style="display: inline-block">呼吸困难</div>
        <el-radio-group
          v-model="d.diagnosticReport.dyspnea"
          @change="clear('dyspneaStatus')"
        >
          <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
          <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
        </el-radio-group>
      </span>
      <span class="inline-block">
        <el-radio-group
          v-if="d.diagnosticReport.dyspnea === '1'"
          v-model="d.diagnosticReport.dyspneaStatus"
        >
          <el-radio
            size="medium"
            label="呼气困难"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio
            size="medium"
            label="吸气困难"
            :disabled="d.disabled"
          ></el-radio>
        </el-radio-group>
      </span>
    </div>

    <div>
      <div style="display: inline-block">听诊呼吸音：</div>
      <el-radio-group v-model="d.diagnosticReport.respiratorySounds">
        <el-radio size="medium" label="对称" :disabled="d.disabled"></el-radio>
        <el-radio
          size="medium"
          label="不对称"
          :disabled="d.disabled"
        ></el-radio>
      </el-radio-group>
      ，

      <el-radio-group v-model="d.diagnosticReport.normalThickening">
        <el-radio size="medium" label="正常" :disabled="d.disabled"></el-radio>
        <el-radio size="medium" label="增粗" :disabled="d.disabled"></el-radio>
        <el-radio size="medium" label="减弱" :disabled="d.disabled"></el-radio>
      </el-radio-group>
      ,
      <span>
        <div style="display: inline-block">湿啰音</div>
        <el-radio-group
          v-model="d.diagnosticReport.rale"
          @change="clear(['raleStatus', 'raleAdditional'])"
        >
          <el-radio
            size="medium"
            label="未闻"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio size="medium" label="闻" :disabled="d.disabled"></el-radio>
        </el-radio-group>
        <span class="inline-block">
          <el-checkbox-group
            class="iblock"
            v-model="d.diagnosticReport.raleStatus"
            v-if="d.diagnosticReport.rale === '闻'"
          >
            <el-checkbox
              size="medium"
              label="粗"
              :disabled="d.disabled"
            ></el-checkbox>
            <el-checkbox
              size="medium"
              label="中"
              :disabled="d.disabled"
            ></el-checkbox>
            <el-checkbox
              size="medium"
              label="细"
              :disabled="d.disabled"
            ></el-checkbox>
          </el-checkbox-group>
        </span>
        <el-input
          size="small"
          maxlength="50"
          style="width: 240px"
          v-if="d.diagnosticReport.rale === '闻'"
          :disabled="d.disabled"
          placeholder="补充说明"
          v-model="d.diagnosticReport.raleAdditional"
        ></el-input>
        ，
      </span>
      <span>
        <div style="display: inline-block">哮鸣音</div>
        <el-radio-group
          v-model="d.diagnosticReport.highPitchedDry"
          @change="clear(['highPitchedDryStatus', 'highPitchedDryAdditional'])"
        >
          <el-radio
            size="medium"
            label="未闻"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio size="medium" label="闻" :disabled="d.disabled"></el-radio>
        </el-radio-group>

        <span class="inline-block">
          <el-checkbox-group
            class="iblock"
            v-if="d.diagnosticReport.highPitchedDry == '闻'"
            v-model="d.diagnosticReport.highPitchedDryStatus"
          >
            <el-checkbox
              size="medium"
              label="吸气相"
              :disabled="d.disabled"
            ></el-checkbox>
            <el-checkbox
              size="medium"
              label="呼气相"
              :disabled="d.disabled"
            ></el-checkbox>
          </el-checkbox-group>
        </span>
        <el-input
          size="small"
          maxlength="50"
          style="width: 240px"
          v-if="d.diagnosticReport.highPitchedDry == '闻'"
          :disabled="d.disabled"
          placeholder="补充说明"
          v-model="d.diagnosticReport.highPitchedDryAdditional"
        ></el-input>
      </span>
      <span class="inline-block">
        <div style="display: inline-block">鼾音</div>
        <el-radio-group
          v-model="d.diagnosticReport.sonorousRhonchi"
          @change="
            clear(['sonorousRhonchiStatus', 'sonorousRhonchiAdditional'])
          "
        >
          <el-radio
            size="medium"
            label="未闻"
            :disabled="d.disabled"
          ></el-radio>
          <el-radio size="medium" label="闻" :disabled="d.disabled"></el-radio>
        </el-radio-group>
        <span class="inline-block">
          <el-checkbox-group
            class="iblock"
            v-model="d.diagnosticReport.sonorousRhonchiStatus"
            v-if="d.diagnosticReport.sonorousRhonchi == '闻'"
          >
            <el-checkbox
              size="medium"
              label="吸气相"
              :disabled="d.disabled"
            ></el-checkbox>
            <el-checkbox
              size="medium"
              label="呼气相"
              :disabled="d.disabled"
            ></el-checkbox>
          </el-checkbox-group>
        </span>

        <el-input
          size="small"
          maxlength="50"
          v-if="d.diagnosticReport.sonorousRhonchi == '闻'"
          style="width: 240px"
          :disabled="d.disabled"
          placeholder="补充说明"
          v-model="d.diagnosticReport.sonorousRhonchiAdditional"
        ></el-input>
      </span>
    </div>
    <div>
      <div style="display: inline-block">痰鸣音</div>
      <el-radio-group v-model="d.diagnosticReport.phlegmSound">
        <el-radio size="medium" label="0" :disabled="d.disabled">无</el-radio>
        <el-radio size="medium" label="1" :disabled="d.disabled">有</el-radio>
      </el-radio-group>
    </div>

    <div style="display: inline-block">肺部其他体征</div>
    <el-input
      size="small"
      v-model="d.diagnosticReport.otherSignsOfTheLung"
      :disabled="d.disabled"
      style="width: 360px"
      placeholder=""
    ></el-input>
    <el-input
      size="medium"
      type="textarea"
      :disabled="d.disabled"
      placeholder="补充内容,限制100个字符以内 "
      :maxlength="100"
      :autosize="{ minRows: 1, maxRows: 4 }"
      v-model="d.diagnosticReport.others"
      style="margin-top: 0.5rem; width: -webkit-fill-available"
    ></el-input>
    -->
  </div>
</template>
<script>
  import { reactive, inject } from 'vue'
  export default {
    name: 'bodyCheck',
    setup() {
      const initForm = function () {
        return {
          attr1: null,
        }
      }
      const d = reactive({ diagnosticReport: initForm(), disabled: false })
      const clearValue = inject('clearValue')
      const clear = function (val) {
        clearValue(d.diagnosticReport, val)
      }
      const getData = function () {
        return d.diagnosticReport
      }
      return {
        d,
        clear,
        getData,
      }
    },
  }
</script>
<style lang="scss" scoped>
  @import '@/styles/emr.scss';
</style>
